<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
	<!-- <script src="./lib/jquery.js"></script> -->
	<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>

<body>
	<!-- 
介绍Promise  
+  异步对象   
+  有两个参数
		一个是成功的回调
		一个是失败的

			then()
			catch()
+  解决地狱回调 
	 -->

	<script>
		$(function() {
			// $.ajax({
			// 	// type: 'get', //  默认就是get请求
			// 	url: 'http://www.liulongbin.top:3006/api/getbooks',
			// 	data: {},
			// 	success: function(res) {
			// 		console.log(res);

			// 	}
			// })


			//new Promise((成功回调,失败)=>{
			// new Promise((resolve, reject) => {
			// 	$.ajax({
			// 		// type: 'get', //  默认就是get请求
			// 		url: 'http://www.liulongbin.top:3006/api/getbooks',
			// 		data: {},
			// 		success: resolve,
			// 		error: reject
			// 	})
			// })

			function qq() {
				return new Promise((resolve, reject) => {
					$.ajax({
						// type: 'get', //  默认就是get请求
						url: 'http://www.liulongbin.top:3006/api/getbooks',
						data: {},
						success: resolve,
						error: reject
					})
				})
			}

			//console.log(qq());
			qq()
			.then(res => {
				console.log(res, 6666);
				return  qq()
			})
			.then(res => {
				console.log(res, 6666);
				return  qq()
			})
			.then(res => {
				console.log(res, 6666);
				return  qq()
			})

		

		})
	</script>

</body>

</html>
